<template>
  <div>
    <head-container></head-container>
    <div class="study_main">
      <el-table
        :data="tableData3"
        height="600"
        border>
        <el-table-column
          prop="image"
          label="课程"
          width="360" class="study_image">
          <template slot-scope="scope">
            <img style="width:340px;" :src="scope.row.image" alt="">
          </template>
        </el-table-column>
        <el-table-column
          prop="course"
          label="名称"
          width="360">
        </el-table-column>
        <el-table-column
          prop="date"
          label="学期"
          width="260">
        </el-table-column>
        <el-table-column
          prop="system"
          label="时间">
        </el-table-column>
        <el-table-column
          prop="star"
          label="星级">
        </el-table-column>
      </el-table>
    </div>
    <foot-container></foot-container>
  </div>
</template>
<script>
import headContainer from '../components/headContainer'
import footContainer from '../components/footContainer'
export default {
  components:{
    headContainer,
    footContainer
  },
  data(){
    return{
      tableData3: []
    }
  },
  mounted(){
    this.GLOBAL.tokenRequest({
      method:"post",
      baseURL:this.GLOBAL.RNTY_SHOP_MALL_URL,
      url:"students/study"
    }).then(({data:data})=>{
      this.tableData3 = data;
    })
  }
}
</script>
<style>
.study_main{
  width:1200px;
  margin:0 auto;
  min-height:630px;
  padding-top:50px; 
}
.study_image{
  width:100%;
}
.study_image img{
  width:100%;
}
</style>

